<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单的示例</title>
    <div>
        <button onclick="alertUP()">alert弹窗</button>
        <button onclick="confirmUP()">confirm弹窗</button>
        <button onclick="promptUP()">prompt弹窗</button>
    </div>
    <div class="check-radio">
        单选：
        <label>
            <input type="radio" name="sex" value="男男"/>男
        </label>
        <label>
            <input type="radio" name="sex" value="女女"/>女
        </label>
    </div>
    <div>
        多选：
        <label>
            <input type="checkbox" name="name" value="male"/> 张三
        </label>
        <label>
            <input type="checkbox" name="name" value="female"/>李四
        </label>
    </div>
    <div>
        输入框：
        <label>
            <input name="name" value="" class="demo-class" placeholder="请输入名称"/>
        </label>
        <label>
            <input name="name" value="" placeholder="请输入名称"/>
        </label>

    </div>
    <div id="to-baidu">
        新开标签页：
        <a href="https://www.baidu.com/" target="_blank">前往百度</a>
    </div>
    <div>
        下拉框：
        <label>
            <select>
                <option value="volvo">PHP中文网</option>
                <option value="saab">百度</option>
                <option value="opel">腾讯</option>
                <option value="audi">新浪</option>
            </select>
        </label>
    </div>
    <div>
        删除dom里的元素：
        <button onclick="deleteToBaidu()">删除跳转到百度</button>
    </div>
    <div>
        iframe：
        <iframe id="mainContent" src="https://fsoufsou.com/" width="100%" height="100%"></iframe>
    </div>

</head>
<body>

</body>
</html>
<script>
    function alertUP() {
        alert("这是一个alert弹窗")
    }

    function confirmUP() {
        const value = confirm("这是一个confirm弹窗")
        if (value) {
            alert("你选择的是【确定】")
        } else {
            alert("你选择的是【取消】")
        }
    }

    function promptUP() {
        const value = prompt("这是一个prompt弹窗")
        if (value) {
            alert("你输入的是：" + value)
        } else {
            alert("你选择的是【取消】")
        }
    }

    function deleteToBaidu() {
        const div = document.getElementById("to-baidu");
        div.remove();
    }
</script>
